<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JQuery基础语法</title>
        <script src="js/jquery-1.11.1.js"></script>
    </head>
    <body>
        <button>按钮</button>
        <button id="btn">按钮2</button>
        <script>
            // JQuery注释 遵循JavaScript 【两种】
            /* 多行注释 */
            // 首行出现语法   工厂函数    功能：抓取页面上元素、属性和属性值
            // 工厂函数使用方式     语法①   $("选择器")或('选择器')
            //                          注意：单双引号解决嵌套问题
            //                    语法②   jQuery("选择器")或jQuery('选择器')
            // 工厂函数第一种使用方式
            // $('button').click(function(){
            //     document.write("<h1>点击我了</h1>"); ----DOM直接在页面 输出语句
            // });
            // 工厂函数第二种使用方式
            jQuery("button").click(function(){
             //   console.log("你猜我在哪里~");   ----ECMAscript核心 输出语句    F12 控制台
             // alert("弹出的内容");              ----BOM    浏览器弹出 输出语句
            })
            // JQ基础语法组成：工厂函数[2种]，事件源[15种](function(){
            //                                      DOM+逻辑/BOM+逻辑/逻辑
            //                                      })
        </script>
    </body>
</html>